<style>
    .address_top{
        height:50px;
        line-height: 50px;
        text-align: center;
        color:#333;
    }
    .address_top>p{
        float: left;
        color: #aaa;
        position: absolute;
    }
    #address{
        position: fixed;
        top:0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 200;
        background-color: #f3f3f3;
    }
    .address_cont{
        background: #fff;
        padding: 15px 10px;
    }
    .address_list{
        margin: 20px 0;
    }
    .address_list>div{
        margin-bottom: 20px;
    }
    .list_name{
        margin-left: 46px;
    }
    .list_add{
        margin: 5px 0;
        display: flex;
        display: -webkit-flex;
        -webkit-align-items: center;
    }
    .list_add i{
        display: block;
        width: 50px;
        text-align: center;
        font-size: 24px;
    }
    .list_add i.active{
        color: #039702;
    }
    .list_handle{
        text-align: right;
    }
    .list_handle .weui-btn:after{
        border-radius: 0;
    }
    .list_handle>a:first-child{
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .list_handle>a.middelBtn{
        border-radius: 0;
    }
    .list_handle>a:last-child{
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
</style>

<div id="address">
    <div class="address_top">
        <p><i class="iconal-xiangzuojiantou"></i> 返回 </p>
        <div>地址列表</div>
    </div>
    <div class="address_cont">
        <a href="javascript:;" class="weui-btn weui-btn_primary">新增地址</a>
        <div class="address_list">
            <div>
                <div class="list_name">
                    <span></span>
                    <span></span>
                </div>
                <div class="list_add">
                    <i class="iconal-roundcheckfill active"></i>
                    <span></span>
                </div>
                <div class="list_handle">
                    <a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_primary">选择</a><a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_primary middelBtn">编辑</a><a href="javascript:;" class="weui-btn weui-btn_mini weui-btn_primary">删除</a>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    $('.address_top>p').click(function(){
        $('#address').remove();
    });

</script>